import type { RouteRecordRaw } from 'vue-router';

import { NOT_PERMISSION_PATH } from '@croco/framework/constants';

// import { IFrameView } from '#/layouts';
import { $t } from '#/locales';

const routes: RouteRecordRaw[] = [
    // {
    //     meta: {
    //         badgeType: 'dot',
    //         icon: PRO_LOGO_URL,
    //         order: 9998,
    //         title: $t('demos.project.title'),
    //     },
    //     name: 'Project',
    //     path: '/project',
    //     children: [
    //         {
    //             name: 'Document',
    //             path: '/project/document',
    //             component: IFrameView,
    //             meta: {
    //                 icon: 'lucide:book-open-text',
    //                 link: PRO_DOC_URL,
    //                 title: $t('demos.project.document'),
    //             },
    //         },
    //         {
    //             name: 'Github',
    //             path: '/project/github',
    //             component: IFrameView,
    //             meta: {
    //                 icon: 'mdi:github',
    //                 link: PRO_GITHUB_URL,
    //                 title: 'Github',
    //             },
    //         },
    //     ],
    // },
    {
        name: 'NotPermission',
        path: NOT_PERMISSION_PATH,
        component: () => import('#/views/_core/fallback/not-permission.vue'),
        meta: {
            icon: 'hugeicons:finger-access',
            title: $t('demos.notPermission'),
            order: 9998,
        },
    },
    {
        name: 'About',
        path: '/project/about',
        component: () => import('#/views/_core/about/index.vue'),
        meta: {
            icon: 'lucide:copyright',
            title: $t('demos.project.about'),
            order: 9999,
            hideInMenu: true,
        },
    },
];

export default routes;
